<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/WEB-INF/views/common/taglib.jsp"%>
<%@include file="/WEB-INF/views/common/js.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>${title}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300' rel='stylesheet' type='text/css'>
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="${ctx}/css/mainpage/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="${ctx}/css/mainpage/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="${ctx}/css/mainpage/bootstrap.css">
	<!-- Superfish -->
	<link rel="stylesheet" href="${ctx}/css/mainpage/superfish.css">

	<link rel="stylesheet" href="${ctx}/css/mainpage/style.css">


	<!-- Modernizr JS -->
	<script src="${ctx}/js/mainpage/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="${ctx}/js/mainpage/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
		<div id="fh5co-wrapper">
		<div id="fh5co-page">
		<div id="fh5co-header">
			<div class="top">
				<div class="container">
					<span> <a href="#"><i>@</i> 关注Santiago新浪微博</a></span>
					<span> <a href="tel://+4008517517"><i class="icon-mobile3"></i> 4008 517 517</a></span>
				</div>
			</div>
			<!-- end:top -->
			<header id="fh5co-header-section">
				<div class="container">
					<div class="nav-header">
						<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
						<h1 id="fh5co-logo"><a href="${ctx}/user/AfteruserLogin">圣地亚哥宠物医院</a></h1>
						<!-- START #fh5co-menu-wrap -->
					<nav id="fh5co-menu-wrap" role="navigation">
						<ul class="sf-menu" id="fh5co-primary-menu">
							<li class="active">
								<a href="${ctx}/user/AfteruserLogin">Home</a>
							</li>
							<li>
								<a href="${ctx}/guide/pre3DGuide" class="fh5co-sub-down">3D导览</a>
								 <ul class="fh5co-sub-menu">
								 	<li><a href="${ctx}/guide/pre3DGuide">3D模型导览</a></li>
								 	<li><a href="${ctx}/guide/preimageGuide">图片导览</a></li>
								</ul>
							</li>
							<li>
							    <a href="${ctx}/cosplay/preViewCosplay" class="fh5co-sub-down">职能学习</a>
								 <ul class="fh5co-sub-menu">
								 	<li><a href="${ctx}/cosplay/preViewCosplay">角色扮演</a></li>
									 <li><a href="${ctx}/office/preViewOffice">科室详情</a></li>
								 	<li><a href="${ctx}/case/preViewCase">病例学习</a></li>
								</ul>
							</li>
							<li><a href="${ctx}/user/userLogOut">退出</a></li>
						</ul>
					</nav>
					</div>
				</div>
			</header>
			
		</div>
		

		<div class="fh5co-hero">
			<div class="fh5co-overlay"></div>
			<div class="fh5co-cover text-center" style="background-image: url(${ctx}/images/mainpage/main.jpg);">
				<div class="desc animate-box">
					<h2>学习系统正式上线</h2>
					<span>圣地亚哥宠物医院荣誉出品</span>
					<span><a class="btn btn-primary" href="${ctx}/guide/pre3DGuide">开始学习</a></span>
				</div>
			</div>

		</div>
		<!-- end:header-top -->
		<div id="fh5co-work-section">
			<div class="container">
				<div class="row">
					<div class="col-md-3 animate-box">
						<h3 class="heading-section">服务对象</h3>
						<p>立院理念：病患至上（where patients come first） </p>
					</div>
					<div class="col-md-9">
						<div class="row">
							<div class="col-md-4 col-sm-4">
								<div class="fh5co-grid animate-box" style="background-image: url(${ctx}/images/mainpage/pet-1.jpg);">
									<a class="image-popup text-center" href="#">
										<div class="prod-title">
											<h3>❀竭诚为您以及您的爱宠服务❀</h3>
										</div>
									</a>
								</div>
							</div>
							<div class="col-md-8 col-sm-8">
								<div class="fh5co-grid animate-box" style="background-image: url(${ctx}/images/mainpage/pet-5.jpg);">
									<a class="image-popup text-center" href="#">
										<div class="prod-title">
											<h3>愿善良的动物都能被善待</h3>
										</div>
									</a>
								</div>
							</div>
							<div class="col-md-8 col-sm-8">
								<div class="fh5co-grid animate-box" style="background-image: url(${ctx}/images/mainpage/pet-3.jpg);">
								</div>
							</div>
							<div class="col-md-4 col-sm-4">
								<div class="fh5co-grid animate-box" style="background-image: url(${ctx}/images/mainpage/pet-4.jpg);">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- fh5co-work-section -->
		<div id="fh5co-services-section" class="border-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-3 animate-box">
						<h3 class="heading-section">系统特色</h3>
						<p>多年专注于宠物治疗领域，诊治好每一只患病的宠物是我们的目标 </p>
					</div>
					<div class="col-md-9 col-sm-12">
						<div class="row">
							<div class="col-md-4 col-sm-4">
								<div class="services animate-box">
									<span><i class="icon-browser"></i></span>
									<h3>从业经历丰富</h3>
									<p>团队拥有18名执业兽医师，多年兽医从业经验，专业度在行内首屈一指</p>
								</div>
							</div>
							<div class="col-md-4 col-sm-4">
								<div class="services animate-box">
									<span><i class="icon-mobile"></i></span>
									<h3>模拟医院场景</h3>
									<p>接近现实的虚拟医院3D场景，有助于快速熟悉医院架构，了解各科室的环境和功用</p>
								</div>
							</div>
							<div class="col-md-4 col-sm-4">
								<div class="services animate-box">
									<span><i class="icon-tools"></i></span>
									<h3>职能学习拓展</h3>
									<p>角色扮演现实中的医疗人员，于实战中学习各种工作技能，快速点满技能树</p>
								</div>
							</div>
							<div class="col-md-4 col-sm-4">
								<div class="services animate-box">
									<span><i class="icon-video"></i></span>
									<h3>医疗设备完备</h3>
									<p>数字DR拍片系统，德国莱卡显微镜，mindrayB超,ICU监护仓等设备一应俱全，不用实际接触也可学习操作</p>
								</div>
							</div>
							<div class="col-md-4 col-sm-4">
								<div class="services animate-box">
									<span><i class="icon-search"></i></span>
									<h3>庞大的病例库</h3>
									<p>多年的积累换来各种宠物疾病的案例，取前人经验为我所用，加快学习进度</p>
								</div>
							</div>
							<div class="col-md-4 col-sm-4">
								<div class="services animate-box">
									<span><i class="icon-cloud"></i></span>
									<h3>众多医疗伙伴</h3>
									<p>与德国动物专科医院，香港非牟利兽医诊所，上海本地实力强大的宠物医院长期合作、定点交流，在技术和资源上共享</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		


		<!-- fh5co-blog-section -->
		<footer>
			<div id="footer">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
							<p>Copyright C1G19 Santiago Pet Hospital.All RIGHTS RESERVED. <br>Any Question Please contact 4008-517-517</p>
						</div>
						<div class="col-md-6">
							<ul class="footer-menu">
								<li><a href="${ctx}/user/AfteruserLogin">Home</a></li>
								<li><a href="${ctx}/guide/pre3DGuide">3D导览</a></li>
								<li><a href="${ctx}/cosplay/preViewCosplay">职能学习</a></li>
								<li><a href="${ctx}/user/userLogOut">退出</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</footer>
	

	</div>
	<!-- END fh5co-page -->

	</div>
	<!-- END fh5co-wrapper -->

	<!-- jQuery -->

		<%--<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>--%>
		<script src="${ctx}/js/jquery.min.js"></script>
		<link rel="stylesheet" href="${ctx}/css/bootstrap.min.css">
		<script src="${ctx}/js/bootstrap.min.js"></script>
	<!-- jQuery Easing -->
	<script src="${ctx}/js/mainpage/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="${ctx}/js/mainpage/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="${ctx}/js/mainpage/jquery.waypoints.min.js"></script>
	<!-- Superfish -->
	<script src="${ctx}/js/mainpage/hoverIntent.js"></script>
	<script src="${ctx}/js/mainpage/superfish.js"></script>

	<!-- Main JS (Do not remove) -->
	<script src="${ctx}/js/mainpage/main.js"></script>

	</body>
</html>

